<include file="public@header"/>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('record/index')}">所有积分记录</a></li>
        <li class="active"><a href="{:url('record/add')}">添加积分记录</a></li>
    </ul>
    <form class="form-horizontal js-ajax-form margin-top-20" action="{:url('record/addPost')}" method="post">
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label">头像:</label>
            <div class="col-md-6 col-sm-10">
                <input id="photo-1" type="hidden" name="picture" >
                <input id="photo-1-name" type="text" name="photo_name" title="图片名称">
                <img id="photo-1-preview" >
                <a href="javascript:uploadOneImage('图片上传','#photo-1');">上传</a>
            </div>
        </div>
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label">所属学校:</label>
            <div class="col-md-6 col-sm-10">
                <select id="selectSchool" lay-filter="selectSchool" style="width:100%">
                    <option value="">--请选择学校--</option>
                    <foreach name="school" item="vo">
                        <option value="{$vo.id}">{$vo.name}</option>
                    </foreach>
                </select>
            </div>
        </div>
        
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label">所属班级:</label>
            <div class="col-md-6 col-sm-10">
                <div class="layui-input-inline" >
                    <select id="selectRoom" class="valid" style="width:100%">
                        <option value="">--请选择班级--</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label">学生姓名:</label>
            <div class="col-md-6 col-sm-10">
                <select name="student_id" id="student_id" class="valid" style="width:100%">
                    <option value="">--请选择学生--</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label">操作员姓名:</label>
            <div class="col-md-6 col-sm-10">
                <input type="text" class="form-control" id="input-name" readonly="true" value="{$user_name}" name="user_id">
            </div>
        </div>
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label">原因:</label>
            <div class="col-md-6 col-sm-10">
                <select name="reason_id" id="reason_id" style="width:100%">
                    <option value="">--请选择原因--</option>
                        <foreach name="reason" item="vo">
                            <option value="{$vo.id}">{$vo.name}</option>
                        </foreach>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label for="input-name" class="col-sm-2 control-label">积分:</label>
            <div class="col-md-6 col-sm-10">
                <select name="score_id" id="score_id" style="width:100%">
                    <option value="">--请选择积分--</option>
                    <foreach name="score" item="vo">
                        <option value="{$vo.id}">{$vo.name}</option>
                    </foreach>
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
                <a class="btn btn-default" href="{:url('admin/record/index')}">{:lang('BACK')}</a>
            </div>
        </div>
    </form>
</div>
<script src="__STATIC__/js/admin.js"></script>
<script src="__STATIC__/layui/layui.all.js"></script>
<script>
    $(function () {
        $('#selectSchool').change('click',function () {
            var schoolId=$('#selectSchool').val();
            $.ajax({
                url:"{:url('record/getRoom')}",
                type:"POST",
                data:{schoolId:schoolId},
                success:function (res) {
                    $('#selectRoom').html(res);
                }
            });
        });
    })

    $(function () {
        $('#selectRoom').change('click',function () {
            var roomId=$('#selectRoom').val();
            $.ajax({
                url:"{:url('record/getStudent')}",
                type:"POST",
                data:{roomId:roomId},
                success:function (res) {
                    $('#student_id').html(res);
                }
            });
        });
    })
</script>
</body>
</html>